<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="/template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:param name="titulo" value="Pagina Principal" />
    <ui:define name="body">


  <div id="wrap">
  <div id="header">
    <div id="logo"><img src="resources/images/logo.gif" alt="" />
      <h1>Alpes Smart Home</h1>
      <span>Arquitech- Uniandes</span> </div>
    <ul id="nav">
        
        <li><a href="/Arquitech-war/index.jsf">Home</a></li>
        <li><a href="/Arquitech-war/consultaEstadisticas.jsf">Consulta Estadísticas</a></li>
      
    </ul>
  </div>
  <!-- /header -->
  <div id="content">
    <div id="inner">
      <div class="left float-l">
        <h2>Noticias ASH</h2>
        <div class="float-l"><img src="resources/images/img.gif" alt="" /></div>
        <p>La empresa Alpes Smart Home se encuentra desarrollando un proyecto para proveer inmuebles inteligentes que permitan a sus dueños
          estar más tranquilos y felices, gracias a su servicio de monitoreo de activos, incendios y robos. Su vivienda nunca podría estar mas segura.
          Lo invitamos a unirse y ser de los primeros compradores de esta tecnología de punta!
        </p>
      </div>
      <div class="right folat-r">
        <div id="side">
          <div id="top">
            <h2>Acceso</h2>
  <!-- Formulario de autenticación  -->
        <h:form>
                 <ice:panelGroup>
                    <ice:panelGrid width="100px" columns="1" columnClasses="pnlGrdClass, pnlGrdClass, pnlGrdClassLong">
                    <ice:outputLabel for="TxtName"
                                     value="Nombre usuario" style="color: white" />
                    <ice:inputText id="TxtName"
                                   size="20"
                                   maxlength="20"
                                   value="#{loginBean.login}"
                                   partialSubmit="true"
                                   required="true"
                                   >

                        <f:validateLength minimum="1"/>
                    </ice:inputText>
                    <ice:message id="nameMsg" for="TxtName" style="color: red"/>

                </ice:panelGrid>

                <ice:panelGrid width="100px" columns="1" columnClasses="pnlGrdClass, pnlGrdClass, pnlGrdClassLong">
                    <ice:outputLabel for="TxtPw"
                                     value="Contraseña" style="color: white" />
                    <ice:inputSecret id="TxtPw"
                                     maxlength="20"
                                     size="20"
                                     value="#{loginBean.password}"
                                     partialSubmit="true"   
                                     required="true">
                        <f:validateLength minimum="6" maximum="15" />
                    </ice:inputSecret>
                    <ice:message id="pwMsg" for="TxtPw" style="color: red"/>
                </ice:panelGrid>

                <ice:commandButton value="Ingresar" action="#{loginBean.autenticarUsuario}"/>
            </ice:panelGroup>

        </h:form>

          </div>
          <div id="bm">
            <h2>Lo invitamos a unirse a la comunidad Alpes Smart Home</h2>
            <ul class="meun">
            
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /content -->
  <div id="footer">
    <div class="ft">
      <div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
      <p id="copyright">© 2008. All Rights Reserved. <br/>
        <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
    </div>
    <div id="xhtml"><img src="resources/images/xhtml.gif" alt=" xhtml vaild" /> <img src="resources/images/css.gif" alt="css vaild" /></div>
  </div>
  <!-- /footer -->
</div>
    </ui:define>
</ui:composition>